<nav class="navbar navbar-expand-md fixed-top navbar-light">

  <a class="navbar-brand bg-white px-2" href="/">
    Vincu.la
  </a>
  
  <button class="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas">
    <span class="navbar-toggler-icon"></span>
  </button>
  
  <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav ml-auto bg-white">
      <li class="nav-item">
        <a class="nav-link" href="/">INÍCIO</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">CONTRIBUA</a>
      </li>
      
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="dropdown03" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">CATEGORIAS</a>
        <div class="dropdown-menu" aria-labelledby="dropdown03">
          <a class="dropdown-item" href="#">
            <span class="category-title">Política</span>
            <span class="badge badge-pill badge-primary">10</span>
          </a>
          <a class="dropdown-item" href="#">
            <span class="category-title">Religião</span>
            <span class="badge badge-pill badge-primary">3</span>
          </a>
          <a class="dropdown-item" href="#">
            <span class="category-title">Veganismo</span>
            <span class="badge badge-pill badge-primary">1</span>
          </a>
          <a class="dropdown-item" href="#">
            <span class="category-title">Femismo</span>
            <span class="badge badge-pill badge-primary">8</span>
          </a>
          <a class="dropdown-item" href="#">
            <span class="category-title">Cultura</span>
            <span class="badge badge-pill badge-primary">13</span>
          </a>
          <a class="dropdown-item" href="#">
            <span class="category-title">Ativismo</span>
            <span class="badge badge-pill badge-primary">7</span>
          </a>
          </a>
          <a class="dropdown-item" href="#">
            <span class="category-title">Filosofia</span>
            <span class="badge badge-pill badge-primary">7</span>
          </a>
        </div>
      </li>

      <li class="nav-item">
        <a class="nav-link searching" style="cursor: pointer;">
          <i class="fa fa-search"></i>
          BUSCAR
        </a>
      </li>

    </ul>

  </div>
</nav>